import Vue from 'vue'
import Router from 'vue-router'
import Login from './views/Login.vue'
import Home from './views/Home.vue'
import Add from './views/Add.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'login',
      component: Login
    },
	{
	  path: '/add',
	  name: 'add',
	  component: Add
	},
	{
		path: '/home',
		name: 'home',
		component: Home,
		children: [
			{
				path: 'list',
				name: 'list',
				component: () => import(/* webpackChunkName: "list" */ './views/List.vue')
			},
			{
				path: 'user',
				name: 'user',
				component: () => import(/* webpackChunkName: "user" */ './views/User.vue')
			}
			
		]
	}
//     {
//       path: '/about',
//       name: 'about',
//       // route level code-splitting
//       // this generates a separate chunk (about.[hash].js) for this route
//       // which is lazy-loaded when the route is visited.
//       component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
//     }
  ]
})
